.navbar-container {
  overflow: hidden;
  height: 50px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,21,41,.08);
}

// 汉堡按钮
.humburger-container {
  height: 100%;
  line-height: 46px;
  transition: background .3s;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;

  &:hover {
    background: rgba(0, 0, 0, .025)
  }
}

// 面包屑
.breadcrumb-container {
  margin-left: 8px;
  height: 100%;
  line-height: 50px;
  font-size: 14px;

  .no-redirect {
    color: #97a8be;
    cursor: text;
  }
}

// 右侧菜单
.navbar-menu {
  display: flex;
  height: 100%;
  line-height: 50px;

  .el-button {
    color: #5a5e66;
  }

  .el-button + .el-button {
    margin-left: 0;
  }

  .navbar-menu-item {
    padding: 0 8px;
    height: 100%;
    font-size: 20px;
    font-weight: 400;
    transition: background .28s;
    cursor: pointer;

    &:hover {
      background-color: rgba(0, 0, 0, .025);
    }

    &.role {
      display: flex;
      align-items: center;
    }
  }

  .avatar-container {
    margin-right: 30px;

    .avatar-wrapper {
      position: relative;
      margin-top: 5px;

      .suffix {
        position: absolute;
        top: 25px;
        right: -20px;
        font-size: 12px;
      }
    }
  }
}